<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
      <%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>Payment</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="iecss.css" />
<![endif]-->
<%@page import="java.sql.*"%>



<script type="text/javascript" src="js/boxOver.js"></script>
<script>
PositionX = 100;
PositionY = 100;
defaultWidth  = 500;
defaultHeight = 500;
var AutoClose = true;

if (parseInt(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}
var optNN='scrollbars=no,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY;
var optIE='scrollbars=no,width=150,height=100,left='+PositionX+',top='+PositionY;
function popImage(imageURL,imageTitle){
if (isNN){imgWin=window.open('about:blank','',optNN);}
if (isIE){imgWin=window.open('about:blank','',optIE);}
with (imgWin.document){
writeln('<html><head><title>Loading...</title><style>body{margin:0px;}</style>');writeln('<sc'+'ript>');
writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}');
writeln('function reSizeToImage(){');writeln('if (isIE){');writeln('window.resizeTo(300,300);');
writeln('width=300-(document.body.clientWidth-document.images[0].width);');
writeln('height=300-(document.body.clientHeight-document.images[0].height);');
writeln('window.resizeTo(width,height);}');writeln('if (isNN){');       
writeln('window.innerWidth=document.images["George"].width;');writeln('window.innerHeight=document.images["George"].height;}}');
writeln('function doTitle(){document.title="'+imageTitle+'";}');writeln('</sc'+'ript>');
if (!AutoClose) writeln('</head><body bgcolor=ffffff scroll="no" onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=ffffff scroll="no" onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">');
writeln('<img name="George" src='+imageURL+' style="display:block"></body></html>');
close();		
}}

</script>

<style type="text/css">
<!--
.style1 {font-size: 14px}
.style2 {
	font-size: 16px;
	font-weight: bold;
}
.style3 {font-size: 11px}
.style4 {color: #00FF00}
.style5 {color: #000000}
-->
.short_title_bar{
width:375px;
height:31px;
float:left;
padding:0 0 0 10px;
margin:0 0 0 5px;
line-height:31px;
font-size:12px;
color:#159DCC;
font-weight:bold;
background:url(images/bar_bg.gif) no-repeat center;}
</style>

</head>
<body>

<div id="main_container">

	<div id="header">

      <div class="top_right">
       
           
            <div class="big_banner">
           
            </div>
        
      </div>
    
  
        <div id="logo"><a href="index.html"><img src="images/logoEbay_x45.gif" alt="" title="" border="0" width="130" height="31" /></a></div>
       

        

    </div>
    	
   <s:form action="payment" name="form1" method="post">
    
  <div id="main_content"> 
	<fieldset>
   <div ><img src="images/Guarantee.png" alt="" title="" border="0" width="130" height="31" align="left"/>
   <h3>eBay will ensure complete satisfaction for your purchase, else we replace or refund in 20 days</h3></div></fieldset>  
	
	<div height="320" width="250" border="2px">
						<div class="secTab"><div class="idt">
								<table border="0px">
								<tr>
								<td><div class="center_title_bar">Order Details</div>
								 <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
       							<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
       							
       							</td>

       							<td><div class="short_title_bar">Shipping Address</div>
       							<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
       							<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
       							
       							       							</td>
       							</tr>
       							<tr>
       							<td>
       							<div class="center_title_bar">Select Your Payment Option</div>
       							</td>
       							<td>
       							</br></br></br></br></br>
       							<div id="shortmenu_tab">
 								<input name="radiobutton" type="radio" value="creditcard" />
  								<img src="images/cc_new_icon.png" />Credit Card</br></br>
  								</div>
								
								<div id="shortmenu_tab">
								<input name="radiobutton" type="radio" value="debitcard" />
  								<img src="images/DB_icon.png" />Debit Card </br></br>
  								</div>
  								
  								<div id="shortmenu_tab">
  								<input name="radiobutton" type="radio" value="banktransfer"/>
								<img src="images/OBT_icon.png" />Bank Transfer
								</div>
       							 </td>
       							 </tr><tr><td>
       							 <strong>Choose Your Bank</strong></td></tr> 
       							 <tr>
       							 <td>
       							<input name="radiobutton" type="radio" value="indianbank" />
       							<img src="images/BankLogos_IndianBK.png" />&nbsp;&nbsp;&nbsp;&nbsp;
       							<input name="radiobutton" type="radio" value="axisbank" />
  								<img src="images/BankLogos_AxisBank.png" />&nbsp;&nbsp;&nbsp;&nbsp;
  								<input name="radiobutton" type="radio" value="americanexpress" />
  								<img src="images/AmericanExpressLogo.png" /></br></br></br></br>
       							
  								<input name="radiobutton" type="radio" value="icici" />
       							<img src="images/BankLogos_ICICI.png" />&nbsp;&nbsp;&nbsp;&nbsp;
       							<input name="radiobutton" type="radio" value="sbi" />
  								<img src="images/BankLogos_SBI.png" />&nbsp;&nbsp;&nbsp;&nbsp;
  								<input name="radiobutton" type="radio" value="bankofindia" />
  								<img src="images/BankLogos_BankofIndia.png" /></br></br></br></br>
       							
       							<input name="radiobutton" type="radio" value="citi" />
       							<img src="images/BankLogos_CityBank.png" />&nbsp;&nbsp;&nbsp;&nbsp;
       							<input name="radiobutton" type="radio" value="punjab" />
  								<img src="images/BankLogos_PunjabNB.png" />&nbsp;&nbsp;&nbsp;&nbsp;
  								<input name="radiobutton" type="radio" value="hdfc" />
  								<img src="images/BankLogos_HDFC.png" />  </br></br></br></br>     							</td>
       							</tr>
       							</table>
       							<table>
     							<tr>
       							<td>
       							<div class="center_title_bar">Enter Your Bank & Card Details Here</div>
       							</td></tr>
       							<tr><td></td></tr><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr>
       							<tr>
       							<td>
       							<strong>Card Number</strong><s:textfield name="cardnumber" theme="simple"/>&nbsp;&nbsp;&nbsp;&nbsp;
       							<strong>Valid Till</strong><s:select theme="simple" name="month" 
       							list="{'Month','JANUARY', 'FEBRUARY','MARCH','APRIL','MAY','JUNE','JULY','AUGUST','SEPTEMBER','OCTOBER','NOVEMBER','DECEMBER'}"/>
                				<s:select theme="simple" name="month" 
       							list="{'Year', '2012','2013','2014','2015','2016','2017','2018','2019','2021','2022'}"/>
                				</br></br></br></br>
       							<strong>Card Holder Name</strong><s:textfield name="cardholdername" theme="simple"/>&nbsp;&nbsp;&nbsp;&nbsp;
       							<strong>CVV</strong><s:textfield name="cvv" theme="simple"/>
       							</td></tr><tr><td></td></tr><tr><td></td></tr>
       							<tr><td align="center"> <s:submit name="Pay" value="Pay" theme="simple"></s:submit>
       							</td></tr>
       							</table>
       							
       							</div></div>


									
  </div><!-- end of main content -->
  
    </s:form>    
  
  		<div class="right_footer">
        <a href="index.html">home</a>
        <a href="details.html">about</a>
        <a href="details.html">sitemap</a>
        <a href="details.html">rss</a>
        <a href="contact.html">contact us</a></br>
        <img src="images/logoVeriSign_100x65.gif" alt="" title="" align="right"/>
        </div>   
   
</div>
<!-- end of main_container -->

</body>
</html>